<template>
  <m-page>
    <!-- 更换账户 -->
    <m-header title="更换账户"></m-header>
    <div class="g-header">
      <div class="g-header-dangqian">
        <span>当前还款账户</span>
      </div>
      <div class="g-header-card">
        <div class="g-header-img"></div>
        <span>长沙银行储蓄卡（1234）</span>
      </div>
    </div>
    <!-- 更换 -->
    <div class="g-change">
      <div>
        <span>更换为</span>
      </div>
      <div>
        <input type="text" placeholder="请选择新的还款账户" />
        <ynet-icon name="arrow-right" size="lg"></ynet-icon>
      </div>
    </div>
    <!-- 按钮 -->
    <div class="g-button">
      <ynet-button type="warning" inactive>确认</ynet-button>
    </div>
  </m-page>
</template>

<script>
import { Button, Icon } from "ynet-mobile";
export default {
  components: {
    [Button.name]: Button,
    [Icon.name]: Icon
  },
  data() {
    return {
      inactive: false
    };
  },
  created() {},
  methods: {
    handClick() {
      // 返回上一个页面
      app.api.pushWindow();
    }
  },
  mounted() {},
  watch: {},
  computed: {}
};
</script>

<style lang="scss" scoped>
@import "./index.scss";
</style>
